<template>
	<Col
		:span="col.span"
		:flex="col.flex"
		:order="col.order"
		:offset="col.offset"
		:push="col.push"
		:pull="col.pull"
		:class-name="col.className"
		:xs="col.xs"
		:sm="col.sm"
		:md="col.md"
		:lg="col.lg"
		:xl="col.xl"
		:xxl="col.xxl">
		<component v-if="col.tag" :is="col.tag" :params="col.params"></component>
		<slot></slot>
	</Col>
</template>
<script type="text/javascript">
import { Col } from 'view-design';

export default {
	name: 'ProtalCol',
	props: {
		col: {
			type: Object,
			default() {
				return {};
			}
		}
	},
	components: {
		Col
	}
}
</script>